<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="web学习线路图，前端学习，前端入门" />
    <meta name="description" content="web学习线路图，前端学习，前端入门" />
    <title>理想80聊Web - 首页</title>
    <link href="./static/css/common.css" rel="stylesheet">
</head>

<body>
    <header>
        <nav>
            <ul>
                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="road.html">路线</a></li>
                <li><a href="qa.html">问答</a></li>
                <li><a href="books.html">书籍</a></li>
                <li><a href="tools.html">工具</a></li>
                <li><a href="glossary.html">术语</a></li>
                <li><a href="links.html">友链</a></li>
            </ul>
        </nav>
    </header>

    <div id="container">

        <section id="title-area">
            <h1>理想80聊Web</h1>
            <p>坚持不懈，直到成功。 追求完美，允许不足。</p>
        </section>


        <main id="content">
            <section>
                <p>Web是什么？为什么学习Web？怎么学习Web？</p>
                <p>像灵魂三问一样。</p>
                <p>不同的人给出不同的解答。</p>
                <p>本站就是我要给出的回答。</p>
                <p>如果你觉得不足，欢迎 Issues 。</p>
                <p>如果你喜欢，欢迎 Star 。</p>
            </section>
        </main>


        <footer>
            <section>
                MIT Licensed | Copyright © <span id="year">2023</span>
                <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备16014488号-1</a>
            </section>
        </footer>

    </div>
</body>

</html>